
.ClipBox{
	position: relative;
	overflow: hidden;
	text-align: center;
	height: fixpx(356);
	top:fixpx(129);
}
.Clip {
	position: absolute;
	top:fixpx(-160);
	left: fixpx(266);
}
.ClipHeader {
	position: absolute;
	width: fixpx(124);
	height: fixpx(256);
	background:url(../../assets/Clip.png) no-repeat;
	background-size: 100% auto;
}
.LClip {
	position: absolute;
	width: fixpx(45);
	height: fixpx(87);
	top:fixpx(235);
	left: fixpx(-5);
	background:url(../../assets/LClip.png) no-repeat;
	background-size: 100% auto;
}
.RClip {
	position: absolute;
	width: fixpx(45);
	height: fixpx(87);
	top:fixpx(232);
	left: fixpx(82);
	background:url(../../assets/RClip.png) no-repeat;
	background-size: 100% auto;
}
.grabGift{
	position: absolute;
	width: fixpx(130);
	height: fixpx(151);
	top:fixpx(322);
	left: 0;
	background:url(../../assets/clipgift.png) no-repeat;
	background-size: 100% auto;
}
.goldLight {
	position: absolute;
	width: fixpx(289);
	height: fixpx(289);
	top:fixpx(152);
	left:fixpx(-82);
	background:url(../../assets/goldlight.png) no-repeat;
	background-size: 100% auto;
	display: none;
}
@keyframes slidedown {
  0%
  {
    transform: translate(0,0);
  }
	25%
	{
		transform: translate(0,fixpx(100));
	}
	75%
	{
		transform: translate(0,fixpx(100));
	}
  100%
  {
    transform: translate(0,0);
  }
}
@keyframes lgrab {
  0% {
	transform: rotate(5deg) translate(fixpx(-2.5),0);
  }
	25% {
	transform: rotate(5deg) translate(fixpx(-2.5),0);
  }
	75%{
	transform: rotate(0deg) translate(0,0);
	}
  100% {
	transform: rotate(0deg) translate(0,0);

  }
}
@keyframes rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes giftflash {
	0% {
		transform: scale(0.95);
	}
	100%{
		transform: scale(1.05);
	}
}
@keyframes rgrab {
  0% {
	transform: rotate(-5deg) translate(fixpx(2.5),0);
  }
	25% {
	transform: rotate(-5deg) translate(fixpx(2.5),0);
  }
	75%{
	transform: rotate(0deg) translate(0,0);;
	}
  100% {
	transform: rotate(0deg) translate(0,0);

  }
}
@keyframes giftmove {
	0%
  {
    transform: translate(0,fixpx(100));

  }
	25%
	{
		transform: translate(0,0);
	}

}
.slidedown {
	animation: slidedown 3s 1 ease;
	.LClip{
		animation: lgrab 3s 1 ease;
	}
	.RClip{
		animation: rgrab 3s 1 ease;
	}
	.grabGift {
		top:fixpx(222);
		animation: giftmove 3s 1 ease;
	}
	.flash {
		animation: rotate 3s infinite linear;
		display: block;
		z-index: 1;
	}
	.giftflash {
		animation: giftflash 0.5s infinite ease alternate;
		z-index: 1;
	}
}


